<template>
  <n-input-group class="w-search">
    <n-input :style="{ width: '25em' }" placeholder="请输入关键字" />
    <n-button type="primary" :style="{ width: '8em' }">
      <template #icon>
        <n-icon>
          <search />
        </n-icon>
      </template>
      搜索</n-button
    >
  </n-input-group>
</template>
<script lang="ts" >
import { NInputGroup, NButton, NInput, NIcon } from "naive-ui";
import { Search } from "@vicons/ionicons5";
export default {
  components: {
    NInputGroup,
    NButton,
    NInput,
    NIcon,
    Search,
  },
};
</script>
<style lang="scss" scoped>
.w-search {
  text-align: left;
}
</style>